<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script src="jquery-1.7.2.js" type="text/javascript" charset="utf-8"></script>
		jq版本比较重点的操作dom
		<hr >
		<div class="wrap" id="d1">
			<div class="wrapitem">0</div>
			<div class="wrapitem">1</div>
			<div class="wrapitem" id="d1item2">2</div>
			<div class="wrapitem">3</div>
			<div class="wrapitem">4</div>
			<div class="wrapitem">5</div>
			<div class="wrapitem">6</div>
		</div>
		<script type="text/javascript">
			//后面追加元素append
			$('#d1').children().eq($('#d1').children().length-1).after((function(){
				var dom = document.createElement('div')
				dom.className = 'wrapitem'
				dom.innerHTML = 'after追加的元素'
				return dom
			})())
			$('#d1').append((function(){
				var dom = document.createElement('div')
				dom.className = 'wrapitem'
				dom.innerHTML = 'append追加的元素'
				return dom
			})())
			$('#d1').append('<div class="wrapitem">字符串形式append追加元素</div>')
			//后面追加元素prepend
			$('#d1').children().eq(0).before((function(){
				var dom = document.createElement('div')
				dom.className = 'wrapitem'
				dom.innerHTML = 'before追加的元素'
				return dom
			})())
			$('#d1').prepend((function(){
				var dom = document.createElement('div')
				dom.className = 'wrapitem'
				dom.innerHTML = 'prepend追加的元素'
				return dom
			})())
			$('#d1').prepend('<div class="wrapitem">字符串形式prepend追加元素</div>')
			//查找元素相邻的前面元素prev
			/* 为了方便，直接给了个d1item2这个id */
			$('#d1item2').prev().html('1__prev修改的值')
			//查找元素相邻的前面元素next
			/* 为了方便，直接给了个d1item2这个id */
			$('#d1item2').next().html('3__next修改的值')
			/* 删除某个元素 */
			$('#d1').children().eq(0).remove()
			/* 复制元素 $(elementId||elementClass)cloneNode(true) */
		</script>
	</body>
</html>
